<template>
	<!-- 支付成功页面 -->
	<view class="content">
		<view class="tp">
			<view class="tp_tit">支付成功</view>
			<view class="tp_text">订单金额：¥ 12.80</view>
		</view>
		<view class="bigtp">
		<view class="top_box">
			<image class="top_box_left" mode="widthFix" src="../../static/mem11.png"></image>
			<view class="top_box_cen">
				<view class="top_box_cen_tp">
					<view class="name">收货人：张新超</view>
					<view class="tel" style="margin-left:30rpx;">13925509476</view>
				</view>
				<view class="top_box_cen_bt">
					广东省东莞市南城 广东省东莞市南城区豪岗和塘四巷1号二楼(永家公寓，不在家时，请到二楼房东签收)
				</view>
			</view>
		</view>
		</view>
		
		<view class="jm">
			<navigator hover-class="none" url="./danasd" class="jm_a">订单详情</navigator>
			<navigator hover-class="none" url="../index/index" class="jm_a" open-type="switchTab">首页逛逛</navigator>
		</view>
		<!-- 侧边栏 -->
		<fixce></fixce> 
	</view>
</template>

<script>
import fixce from '../../component/fixce.vue';  //侧边栏组件
	export default{
		components:{
		fixce
		},
		data(){
			return{
				
			}
		},
		methods:{
			
		}
	}
</script>

<style>
	.content{
		width:100%;
		height:100vh;
		background: #f3f3f3;
		padding-bottom:150rpx;
	}
	.tp{
		width:100%;
		padding:35rpx 0;
		text-align: center;
		color:#fff;
		background: linear-gradient(to right, #ff80c0 0%,#ff80c0 100%);
	}
	.tp_tit{
		font-size:35rpx;
		margin-bottom:5rpx;
	}
	.tp_text{
		font-size:28rpx;	
	}
	.bigtp{
		width:100%;
		margin:20rpx auto;
		background-color: #fff;
		padding:30rpx 0;
	}
	.top_box{
		width:95%;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin:0 auto;
	}
	.top_box_left{
		width:35rpx;
	}
	.top_box_cen{
		width:85%;
		margin-left:5%;
	}
	.top_box_cen_tp{
		display: flex;
		align-items: center;
	}
	.name,.tel{
		font-size:28rpx;
	}
	.top_box_cen_bt{
		    overflow: hidden;
		    text-overflow: ellipsis;
		    display: -webkit-box;
		    -webkit-line-clamp: 2;
		    -webkit-box-orient: vertical;
		    font-size: 24rpx;
		    color: #666;
			margin-top:10rpx;
	}
	.jm{
		width:65%;
		margin:80rpx auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.jm_a{
		background-color: #e2e2e2;
		border-radius: 100rpx;
		width:180rpx;
		height:70rpx;
		display: flex;
		justify-content: space-around;
		align-items: center;
		font-size:28rpx;
	}
</style>
